<script setup lang="ts">
import { defineProps } from 'vue'
import ClassItem from './class-item.vue'

const $props = defineProps({
  height: {
    type: String,
    default: '',
  },
})
</script>

<template>
  <scroll-view scroll-y :style="{ height: $props.height }" class="classificate">
    <view class="classificate__unit">
      <view class="classificate__unit-title">服装</view>
      <class-item />
    </view>
  </scroll-view>
</template>
<style lang="scss" scoped>
@include b(classificate) {
  width: 570rpx;
  padding: 28rpx 28rpx 0 50rpx;
  box-sizing: border-box;
  background: #fff;
  color: #3c3c3c;
  &::-webkit-scrollbar {
    width: 0 !important;
  }
  @include e(unit-title) {
    line-height: 88rpx;
    font-weight: bold;
    font-size: 28rpx;
  }
}
</style>
